.header_navigate {
    width: 450px;
    height: 1rem;
    float: left;
    line-height:1rem;
    position: absolute;
}

.header_navigate li {
    font-size: 20px;
    color: white;
    float: left;
    margin-left: 40px;
    height: 0.9rem;
    line-height: 0.9rem;
    width: 100px;
    cursor: pointer;
}

iframe {
    display: block; /* iframes are inline by default */
    border: none; /* Reset default border */
    height: 100vh; /* Viewport-relative units */
    width: 100vw;
    margin: 0;
}

.top_chart {
    width: 49%;
    height: 500px;
    padding: 0 0.1875rem 0.5rem;
    float: left;
    border: 1px solid rgba(25, 186, 139, 0.17);
    background: url('../images/line\(1\).png')  rgba(255, 255, 255, 0.03);
}


#tanzhonghe {
    width: 98%;
    height: 400px;
    margin-top: 30px;
    padding: 0 0.1875rem 0.5rem;
    float: left;
    margin-left: 5px;
    border: 1px solid rgba(25, 186, 139, 0.17);
    background: url('../images/line\(1\).png')  rgba(255, 255, 255, 0.03);
}

.tanpaifang_dropdown {
    z-index: 999;
    background-color: black;
    opacity: 0.5;
    width: 160px;
    color: white;
    position: absolute;
    left: 33%;
    top: 75%;
    display: none;
}

.tanpaifang_dropdown li {
    font-size: 15px;
    padding: 10px;
    line-height: 40px;
    width: 97%;
    margin-left: 4px;
}

.tanpaifang_dropdown2 {
    z-index: 999;
    background-color: black;
    opacity: 0.5;
    width: 160px;
    color: white;
    position: absolute;
    left: 62%;
    top: 75%;
    display: none;
}

.tanpaifang_dropdown2 li {
    font-size: 15px;
    padding: 10px;
    line-height: 40px;
    width: 97%;
    margin-left: 4px;
    text-align: center;
}

.chart {
    width: 500px;
    height: 300px;
    background: url('../images/line\(1\).png')  rgba(255, 255, 255, 0.03);
    position: absolute;
    z-index: 999;
}

#co2 {
    top:2%;
    left: 2%;
}

#ch4 {
    left: 2%;
    top:35%;
}

#n20 {
    left: 2%;
    top:68%;
}

#hfcs {
    top: 2%;
    right: 2%;
}

#pfcs {
    top:35%;
    right: 2%;
}

#sf6 {
    top:68%;
    right: 2%;
}

.tan_iframe {
    width: 700px;
    height: 940px;
    margin-top: 10px;
    position: absolute;
    left: 32%;
}

.left_nav {
    position: absolute;
    width: 200px;
    height: 600px;
    top: 3%;
    left: 5%;
}

.left_nav li {
    list-style: none;
    color: white;
    line-height: 20px;
    cursor: pointer;
}

.second_drop {
    position: absolute;
    top: 5%;
    left: 10%;
    display: none;
}

.second_drop_area {
    display: none;
    position: absolute;
    left:10%;
    top: 10%;
    width: 120px;
    height: 120px;
}

.third_drop {
    position: absolute;
    top:10%;
    left: 10%;
    display: none;
}

.third_drop_area {
    position: absolute;
    left: 10%;
    top: 30%;
    display: none;
}

#yunxing {
    width: 500px;
    height: 300px;
    position: absolute;
    z-index: 999;
    left: 10%;
    bottom:15%;
    background: url('../images/line\(1\).png')  rgba(255, 255, 255, 0.03);
}

#xiaolv {
    width: 500px;
    height: 300px;
    position: absolute;
    z-index: 999;
    right: 12%;
    top:4%;
    background: url('../images/line\(1\).png')  rgba(255, 255, 255, 0.03);
}

.xiaolv_table {
    width: 500px;
    background: url('../images/line\(1\).png')  rgba(255, 255, 255, 0.03);
    position: absolute;
    z-index: 999;
    right: 12%;
    bottom: 20%;
}

table {
    width: 100%;
    height: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

 th {
    width: 30%;
}
 tr {
    height: 30px;
    line-height: 30px;
}

.nenghao_left {
    width: 50%;
    height: 100%;
    float: left;
}

.nenghao_right {
    width: 50%;
    height: 100%;
    float: left;
}

html,body {
    height: 100%;
}


.first_chart_area {
    width: 600px;
    text-align: center;
    height: 300px;
    left: 10%;
    top: 10%;
    position: absolute;
    background: url('../images/line\(1\).png')  rgba(255, 255, 255, 0.03);

}

.yongneng_chart {
    width: 30%;
    height: 60%;
    margin-left: 15px;
    float: left;
}

.left_second_area {
    position: absolute;
    top: 50%;
    left: 10%;
    width: 600px;
    background: url('../images/line\(1\).png')  rgba(255, 255, 255, 0.03);
    text-align: center;
}

.right_chart {
    width: 600px;
    height: 300px;
    /* background: url('../images/line\(1\).png')  rgba(255, 255, 255, 0.03); */
    left: 60%;
}

.left {
    width: 33%;
    float: left;
    height: 100%;
}

.center {
    width: 33%;
    height: 100%;
    float: left;
}

.right {
    width: 33%;
    height: 100%;
    float: left;
}

.jiancezu {
    width: 25%;
    height: 200px;
    float: left;
}

.jiancezuTip {
    width: 25%;
    line-height: 20px;
    float: left;
    color: #a6d7ff;
}

#point{
    width: 80%;
    height: 300px;
    margin-left: 10px;
    float: left;
}

.jiancedian_tag {
    width: 50px;
    float: left;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-top: 5px;
    font-size: 2px;
}

.num_area {
    width: 100%;
    /* position: absolute;
    top: 30%;
    left: 37%; */
    margin-top: 200px;
    text-align: center;
    float: left;
}

.num_area span{
    color: white;
    font-weight: bold;
    font-size: 100px;
    width: 20%;
    margin-left: 10px;
    padding: 20px;
    border: 1px solid #3bbee8;
    border-radius: 6px;
}

#centerBottom {
    width: 100%;
    height: 300px;
}

.right_first {
    width: 100%;
    float: left;
    height: 33%;
}

.right_second {
    width: 100%;
    float: left;
}
